<template>
  <view class="privacy-container">
    <!-- 头部 -->
    <view class="privacy-header">
      <view class="header-title">位置隐私政策</view>
      <view class="header-subtitle">最后更新：2024年1月1日</view>
    </view>

    <!-- 政策内容 -->
    <view class="privacy-content">
      <view class="section">
        <view class="section-title">1. 位置信息收集</view>
        <view class="section-text">
          我们收集您的位置信息是为了：
        </view>
        <view class="list-item">• 提供精准的医疗导航服务</view>
        <view class="list-item">• 为您推荐附近的医疗机构</view>
        <view class="list-item">• 在紧急情况下提供快速定位</view>
        <view class="list-item">• 优化应用功能和用户体验</view>
      </view>

      <view class="section">
        <view class="section-title">2. 位置信息使用</view>
        <view class="section-text">
          您的位置信息将严格用于：
        </view>
        <view class="list-item">• 地图导航和路径规划</view>
        <view class="list-item">• 附近医疗资源搜索</view>
        <view class="list-item">• 紧急医疗救助服务</view>
        <view class="list-item">• 统计分析（匿名化处理）</view>
      </view>

      <view class="section">
        <view class="section-title">3. 数据保护措施</view>
        <view class="list-item">• 所有位置数据采用AES-256加密传输</view>
        <view class="list-item">• 服务器端数据加密存储</view>
        <view class="list-item">• 严格的访问权限控制</view>
        <view class="list-item">• 定期安全审计和漏洞扫描</view>
      </view>

      <view class="section">
        <view class="section-title">4. 数据存储期限</view>
        <view class="section-text">
          • 实时位置：仅在使用期间临时存储
        </view>
        <view class="section-text">
          • 历史轨迹：本地存储不超过30天
        </view>
        <view class="section-text">
          • 统计数据：匿名化后永久保存用于改进服务
        </view>
      </view>

      <view class="section">
        <view class="section-title">5. 您的权利</view>
        <view class="list-item">• 随时开启或关闭位置服务</view>
        <view class="list-item">• 查看和删除位置历史记录</view>
        <view class="list-item">• 选择位置精度级别</view>
        <view class="list-item">• 申请数据导出或完全删除</view>
      </view>

      <view class="section">
        <view class="section-title">6. 第三方服务</view>
        <view class="section-text">
          我们使用以下第三方地图服务：
        </view>
        <view class="list-item">• 高德地图SDK（符合其隐私政策）</view>
        <view class="list-item">• 腾讯地图API（仅位置解析）</view>
        <view class="section-text">
          这些服务提供商也会遵守相应的隐私保护规定。
        </view>
      </view>

      <view class="section">
        <view class="section-title">7. 联系我们</view>
        <view class="section-text">
          如果您对位置隐私政策有任何疑问，请通过以下方式联系我们：
        </view>
        <view class="contact-item">
          <text class="contact-label">邮箱：</text>
          <text class="contact-value">privacy@hospital-app.com</text>
        </view>
        <view class="contact-item">
          <text class="contact-label">电话：</text>
          <text class="contact-value">400-123-4567</text>
        </view>
        <view class="contact-item">
          <text class="contact-label">地址：</text>
          <text class="contact-value">杭州市西湖区文三路XX号</text>
        </view>
      </view>

      <view class="section">
        <view class="section-title">8. 政策更新</view>
        <view class="section-text">
          我们可能会定期更新本隐私政策。更新后的政策将在应用内通知您，重大变更会要求您重新确认同意。
        </view>
      </view>
    </view>

    <!-- 底部按钮 -->
    <view class="privacy-actions">
      <button class="btn-outline" @click="goBack">返回</button>
      <button class="btn-primary" @click="agreePolicy">我已阅读并同意</button>
    </view>
  </view>
</template>

<script>
export default {
  name: 'LocationPrivacy',
  data() {
    return {}
  },
  methods: {
    // 返回上一页
    goBack() {
      uni.navigateBack()
    },

    // 同意政策
    agreePolicy() {
      // 记录用户同意状态
      uni.setStorageSync('location_privacy_agreed', {
        agreed: true,
        timestamp: Date.now(),
        version: '1.0'
      })

      uni.showToast({
        title: '已记录您的同意',
        icon: 'success'
      })

      // 延迟返回
      setTimeout(() => {
        this.goBack()
      }, 1500)
    }
  }
}
</script>

<style lang="scss" scoped>
.privacy-container {
  min-height: 100vh;
  background: #f5f5f5;
  padding-bottom: 160rpx; // 为底部按钮留空间
}

.privacy-header {
  background: white;
  padding: 32rpx;
  text-align: center;
  border-bottom: 2rpx solid #f0f0f0;
}

.header-title {
  font-size: 36rpx;
  font-weight: 600;
  color: #262626;
  margin-bottom: 16rpx;
}

.header-subtitle {
  font-size: 24rpx;
  color: #8c8c8c;
}

.privacy-content {
  background: white;
  margin: 16rpx;
  border-radius: 16rpx;
  padding: 32rpx;
}

.section {
  margin-bottom: 48rpx;

  &:last-child {
    margin-bottom: 0;
  }
}

.section-title {
  font-size: 28rpx;
  font-weight: 600;
  color: #1890ff;
  margin-bottom: 16rpx;
  padding-bottom: 12rpx;
  border-bottom: 2rpx solid #e6f7ff;
}

.section-text {
  font-size: 26rpx;
  color: #595959;
  line-height: 1.6;
  margin-bottom: 16rpx;

  &:last-child {
    margin-bottom: 0;
  }
}

.list-item {
  font-size: 26rpx;
  color: #595959;
  line-height: 1.6;
  margin-bottom: 12rpx;
  padding-left: 16rpx;

  &:last-child {
    margin-bottom: 0;
  }
}

.contact-item {
  display: flex;
  font-size: 26rpx;
  margin-bottom: 12rpx;
  
  &:last-child {
    margin-bottom: 0;
  }
}

.contact-label {
  color: #8c8c8c;
  width: 100rpx;
  flex-shrink: 0;
}

.contact-value {
  color: #262626;
  flex: 1;
}

.privacy-actions {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  padding: 24rpx 32rpx;
  box-shadow: 0 -4rpx 16rpx rgba(0,0,0,0.1);
  display: flex;
  gap: 16rpx;
}

.btn-outline {
  flex: 1;
  padding: 24rpx;
  background: transparent;
  color: #595959;
  border: 2rpx solid #d9d9d9;
  border-radius: 16rpx;
  font-size: 28rpx;
}

.btn-primary {
  flex: 2;
  padding: 24rpx;
  background: #1890ff;
  color: white;
  border: none;
  border-radius: 16rpx;
  font-size: 28rpx;
}
</style>